﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="SubBranchPage.aspx.cs" Inherits="FBKPI.Pages.SubBranchPage" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<script type="text/javascript">
    $(document).ready(function () {
        mainmenu("#nav ul", "#nav li");
        mainmenu("#menu_wrap ul", "#menu_wrap li");
        $("#divdetail").hide();
        $("#divdetail").dialog({
            title: '<span class="header-text">Sub Branch Form</span>',
            autoOpen: false,
            width: 900,
            height: 400,
            modal: true,
            resizable: false
        });


        //datatable section
        $("#SubBranchTable").dataTable({
            "oLanguage": {
                "sZeroRecords": "No records to display",
                "sSearch": "Search"
            },
            "bSort": true,
            "bPaginate": true,
            "bAutoWidth": false,
            "bProcessing": true,
            "bServerSide": true,
            "bDestroy": true,
            "bJQueryUI": true,
            "sPaginationType": "full_numbers",
            "bDeferRender": true,
            "fnServerData": function (sSource, aoData, fnCallback) {
                $.ajax({
                    "dataType": 'json',
                    "type": "GET",
                    "url": "../Serializer/SubBranchSerializer.ashx",
                    "data": aoData,
                    "success": fnCallback
                });
            },
            "aoColumns": [
            {
                "mData": "ID"
            }, {
                "mData": "No"
            }, {
                "mData": "Code"
            }, {
                "mData": "OrgID"
            }, {
                "mData": "WarehouseID"
            }, {
                "mData": "Description"
            }, {
                "mData": "Branch"
            }, {
                "mData": "ClassBranch"
            }, {
                "mData": "Address"
            }, {
                "mData": "Phone"
            }, {
                "mData": "isActive"
            }, ],
            "aoColumnDefs": [{
                "fnRender": function (oObj) {
                    return "<a href=\"#\" onclick=\"OnDetail('" + oObj.aData["ID"] + "')\"><img src='../images/detail.png' /></a>";
                },
                "aTargets": [0]
            }, {
                "fnRender": function (oObj) {
                    if (oObj.aData["isActive"] == 'True') {
                        return "<img src='../images/check.png' />"
                    } else {
                        return "<img src='../images/cross.png' />"
                    }
                },
                "aTargets": [9]
            }, {
                "sClass": "center",
                "aTargets": [0, 6, 9, 10]
            }]
        });

        //mark selected row
        $('body').on("click", '#SubBranchTable tbody tr', function () {
            $('#SubBranchTable tbody tr').removeClass("row_selected");
            $(this).addClass("row_selected");
        });
        //--------------------end of mark selected row-----------------------------
        $("#SubBranchTable_filter label").after('&nbsp;<button id=\"btnAddNew\" style="right: 0px;" onclick=\'OnDetail(0);return false;\'>New Record</button>');
        //--------------------end of datatable section-----------------------------------------

        OnDetail = function (code) {
            LoadForm('SubBranchForm.aspx?ID=' + code, function (result) {
                $("#divdetail").html(result);
                $("#divdetail").dialog('open');
            });
            return false;
        }
    });
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<div style="height:525px;overflow:auto;" >
    <div id="subbranchtable">
        <div>
            <div class="customPageHeader">
                <span class="customPageTitle">Sub Branch</span>
            </div>
            <div class="ui-widget-content">
                <table cellpadding="0" cellspacing="0" class="display" id="SubBranchTable">
                    <thead>
                        <tr>
                        <th></th>
                            <th>
                                No
                            </th>
                            <th>
                                Code
                            </th>
                            <th>
                                ORG ID
                            </th>
                            <th>
                                Warehouse ID
                            </th>
                            <th>
                                Description
                            </th>
                            <th>
                                Branch
                            </th>
                            <th>
                                ClassBranch
                            </th>
                            <th>
                                Address
                            </th>
                            <th>
                                Phone
                            </th>

                            <th>
                                is Active
                            </th>
                          
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>       
            </div>
        </div>
        <br />
    </div>
    <div id="divdetail"></div>   
    </div> 
</asp:Content>
